// import PropTypes from 'prop-types'
import React, { Component } from 'react'
import List from "./List";
import Search from "./Search";
// import "./css/bootstrap.min.css"; // 报错导不进来
// import "./bootstrap.min.css"; // 不能加这个，样式有问题
// import "./index.css";

export default class App extends Component {
//   static propTypes = {second: third}
  
  // 兄弟组件通信，兄弟组件之间不能直接通信，需要通过父组件来通信
  // state = {
  //   users: [],
  //   isFirst: true,
  //   isLoading: false,
  //   error: "",
  // }

  // updateAppState = (stateObj) => {
  //   this.setState(stateObj);
  // }

  // render() {
  //   return (
  //     <div className='container'>
  //       <Search updateAppState={this.updateAppState} />
  //       <List {...this.state} />
  //     </div>
  //   )
  // }

  render() {
    return (
      <div className='container'>
        <Search />
        <List />
      </div>
    )
  }
}
